<template>
<div class="info-form">
  <div class="record-content">
    <div class="record-title">动态</div>
    <a-steps direction="vertical" :current="1" progress-dot>
      <a-step title="Finished" description="This is a description.">

      </a-step>
      <a-step title="In Progress" description="This is a description." />
      <a-step title="Waiting" description="This is a description." />
    </a-steps>
  </div>

</div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.info-form {
  margin-top: 30px;
}
.record-content {
  margin-left: 20px;
}
.record-title {
  font-size: 24px;
  font-weight: bold;
  text-align: left;
}
</style>
